import React from 'react';
import './index.less';
``;
export interface ICourseItemProps {
    name: string;
    introduction: string;
    school: string;
    college: string;
    score: number;
    commentNum: number;
    key?: string;
}

export default function CourseItem(props: ICourseItemProps) {
    return (
        <div className="course-item" key={props.key}>
            <div className="course-item-header">
                <h2>
                    {props.name}|{props.school}|{props.college}
                </h2>
            </div>
            <div className="course-item-content">
                <p>{props.introduction}</p>
                <div className="course-item-score">
                    <span>分数:{props.score}</span>
                    <span>评价数:{props.commentNum}</span>
                </div>
            </div>
        </div>
    );
}
